$(function(){

    $.ajax({
        url: "http://127.0.0.1:9090/api/getgsshop",
        dataType: "json",
        success: function(result){
            console.log(result);
            $(".pop-dong").html(template("temp-list",result));
        }
    });

    $(".hd-title").on("click","li:nth-child(1)",function(){
        $(".pop-dong").toggle();
    });
    $(".hd-title").on("click", "li:nth-child(2)", function () {
        $(".pop-bei").toggle();
    });

    // 渲染下拉列表
    $.ajax({
        url: "http://127.0.0.1:9090/api/getgsshoparea",
        dataType: "json",
        success: function(result){
            console.log(result);
            $(".pop-bei").html(template("temp-area",result));
        }
    });

    var shopid = 0;
    var areaid = 0;

    $(".pop-dong").on("click","ul li",function(){
        shopid = $(this).data("id");
        var text = $(this).data("area");

        $(".dong a").text(text);

        // 隐藏列表
        $(this).parent().parent().toggle();

        render();
    });

    $(".pop-bei").on("click","ul li",function(){
        areaid = $(this).data("id");
        var str = $(this).data("area");
        var text = str.slice(0,2);

        $(".bei a").text(text);

        // 隐藏列表
        $(this).parent().parent().toggle();

        render();
    });

    // 渲染商品列表
    function render() {
        $.ajax({
            url: "http://127.0.0.1:9090/api/getgsproduct",
            data: {
                shopid: shopid,
                areaid: areaid
            },
            dataType: "json",
            success: function (result) {
                console.log(result);
                $(".gs-list").html(template("temp-con",result));
            }
        });
    }
    render();

});